<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  <title>通用页面</title>
  <link rel="stylesheet" href="css/style.css" />
  <script src="http://apps.bdimg.com/libs/jquery/1.8.3/jquery.min.js"></script>
  <script src="js/jq.js"></script>
</head>

<body>

  <header>
    <div class="lib">
      <a href="index.html" class="libicon"></a>
      <h1 class="libname">北京华夏图书馆北京华夏图书馆北京华夏图书馆北京华夏图书馆北京华夏图书馆北京华夏图书馆</h1>
    </div>
    <div class="menu-msg">
      <div class="menu">
        <ul class="nav">
          <li class="login">
            <!-- 登录之前的结构 -->

            <span class="loginbutton"><i class="icon-signin">&nbsp;</i>登录</span>
            <div class="loginwindow">
              <div class="switch">
                <span class="passwordlogintap">密码登录</span>
                <span class="codelogintap selected">扫码登录</span>
              </div>
              <div class="login-form">

                <form action="" method="post" class="passwordlogin">
                  <p class="fieldset">
                    <label class="username-icon" for="username">用户名</label>
                    <input placeholder="输入登录名" id="username" type="text" />
                  </p>
                  <p class="fieldset">
                    <label class="password-icon" for="password">密码</label>
                    <input placeholder="输入密码" id="password" type="password" />
                  </p>
                  <p class="fieldset">
                    <a class="forgetpassword" href="javascript:;">我忘记密码，请送密码到我的电子邮箱</a>
                  </p>
                  <p class="fieldset">
                    <a class="submit-button" href="javascript:;">登&nbsp;录</a>
                  </p>
                </form>


                <div class="codelogin">
                  <p><img src="img/getimage.gif" alt="登录二维码" /></p>
                  <p>已经绑定本系统用户的微信使用者，请使用微信公众号“资讯资源”中的“扫一扫”功能，扫描上方的二维码即可登录图书馆</p>
                  <p><a href="{%=文章:扫码登录%}">未绑定的用户请点击这里</a></p>
                </div>
                <div class="err-msg">密码错误</div>
              </div>
            </div>
            <div class="loginwindow-mask"></div>


            <!-- 登录之后的结构 -->
            <!--
            <a href="javascript:;" class="readername"><i class="icon-user">&nbsp;</i>某某某某某某某某某某某某某读者</a>
            <a href="javascript:;" class="exit"><i class="icon-signout">&nbsp;</i>退出</a>
-->

          </li>
          <li>资源检索
            <div class="subnav">
              <a href="javascript:;" class="subnav-item">馆藏查询</a>
              <a href="javascript:;" class="subnav-item">联合馆藏查询</a>
              <a href="javascript:;" class="subnav-item">新书通报</a>
              <a href="javascript:;" class="subnav-item">新书推荐</a>
              <a href="javascript:;" class="subnav-item">电子资源</a>
            </div>
          </li>
          <li>本馆服务
            <div class="subnav">
              <a href="javascript:;" class="subnav-item">入馆须知</a>
              <a href="javascript:;" class="subnav-item">开馆时间</a>
              <a href="javascript:;" class="subnav-item">借阅证办理</a>
              <a href="javascript:;" class="subnav-item">联系我们</a>
              <a href="javascript:;" class="subnav-item">馆际互借</a>
            </div>
          </li>
          <li>本馆资讯
            <div class="subnav">
              <a href="javascript:;" class="subnav-item">本馆新闻</a>
              <a href="javascript:;" class="subnav-item">常用网站</a>
              <a href="javascript:;" class="subnav-item">图书排行榜</a>
              <a href="javascript:;" class="subnav-item">今年综合信息</a>
            </div>
          </li>
          <li>互动交流
            <div class="subnav">
              <a href="javascript:;" class="subnav-item">本馆论坛</a>
              <a href="javascript:;" class="subnav-item">csln交流园地</a>
            </div>
          </li>
        </ul>
        <a class="cslnnet" href="http://csln.net/portal/new/index.aspx" title="中国专业图书馆网csln">
          <img src="img/cslnlogocell_jpg.gif" alt="CSLN.NET" />
        </a>
      </div>

    </div>
    <div class="msg">
      <div class="data">
        <span>读者总数:<em>5,486,052</em></span>
        <span>典藏册数:<em>117,846</em></span>
        <span>昨日借书数:<em>13,169</em></span>
        <span>昨日阅览室签到人数:<em>13,169</em></span>
        <span>昨日总访问量:<em>13,169</em></span>
      </div>
    </div>
  </header>
  <!-- reader-menu starting -->
  <div class="reader-menu">
    <a href="javascrpt:;" class="reader-menu-item" title="读者信息">
      <p>读者信息</p>
    </a>
    <a href="javascrpt:;" class="reader-menu-item" title="未还图书/续借">
      <p>未还图书/续借</p>
    </a>
    <a href="javascrpt:;" class="reader-menu-item" title="全部借/还书记录">
      <p>全部借/还书记录</p>
    </a>
    <a href="javascrpt:;" class="reader-menu-item" title="赔款记录">
      <p>赔款记录</p>
    </a>
    <a href="javascrpt:;" class="reader-menu-item" title="预约图书">
      <p>预约图书</p>
    </a>
    <a href="javascrpt:;" class="reader-menu-item" title="二维码绑定">
      <p>二维码绑定</p>
    </a>
    <a href="javascrpt:;" class="reader-menu-item" title="消息">
      <p>消息</p>
    </a>
  </div>
  <!-- reader-menu ending -->
  <!-- 错误信息 -->

  <!-- booksearch starting -->
  <div class="booksearch-index">
    <form action="" method="post">
      <div class="formfloat">
        <input type="text" size="30" id="" placeholder="请输入检索关键字" onkeypress="javascript:;" />
        <a href="javascript:;"><i class="icon-search">&nbsp;</i>检索</a>
      </div>
    </form>
    <div class="err-msg">请输入检索关键字</div>
  </div>
  <!-- booksearch ending -->

  <div class="wrapper">
    <div class="container">
      <div class="leftframe">
        <!-- 左侧本馆新闻 -->
        <div class="frame news">
          <div class="framename">
            <h2>本馆新闻</h2>
            <span class="more"><a href="javascript:;">更多...</a></span>
          </div>
          <div class="section">
            <a class="news-item" href="javascript:;">
              <h3>朝鲜声称核弹已瞄准美本土 韩国民众恐慌加剧朝鲜声称核弹已瞄准美本土 韩国民众恐慌加剧</h3><span class="date">2017-01-01</span></a>
            <a class="news-item" href="javascript:;">
              <h3>朝鲜声称核弹已瞄准美本土 韩国民众恐慌加剧朝鲜声称核弹已瞄准美本土 韩国民众恐慌加剧</h3><span class="date">2017-01-01</span></a>
            <a class="news-item" href="javascript:;">
              <h3>朝鲜声称核弹已瞄准美本土 韩国民众恐慌加剧朝鲜声称核弹已瞄准美本土 韩国民众恐慌加剧</h3><span class="date">2017-01-01</span></a>
            <a class="news-item" href="javascript:;">
              <h3>朝鲜声称核弹已瞄准美本土 韩国民众恐慌加剧朝鲜声称核弹已瞄准美本土 韩国民众恐慌加剧</h3><span class="date">2017-01-01</span></a>
            <a class="news-item" href="javascript:;">
              <h3>朝鲜声称核弹已瞄准美本土 韩国民众恐慌加剧朝鲜声称核弹已瞄准美本土 韩国民众恐慌加剧</h3><span class="date">2017-01-01</span></a>
            <a class="news-item" href="javascript:;">
              <h3>朝鲜声称核弹已瞄准美本土 韩国民众恐慌加剧朝鲜声称核弹已瞄准美本土 韩国民众恐慌加剧</h3><span class="date">2017-01-01</span></a>
            <a class="news-item" href="javascript:;">
              <h3>朝鲜声称核弹已瞄准美本土 韩国民众恐慌加剧朝鲜声称核弹已瞄准美本土 韩国民众恐慌加剧</h3><span class="date">2017-01-01</span></a>
            <a class="news-item" href="javascript:;">
              <h3>朝鲜声称核弹已瞄准美本土 韩国民众恐慌加剧朝鲜声称核弹已瞄准美本土 韩国民众恐慌加剧</h3><span class="date">2017-01-01</span></a>
            <a class="news-item" href="javascript:;">
              <h3>朝鲜声称核弹已瞄准美本土 韩国民众恐慌加剧朝鲜声称核弹已瞄准美本土 韩国民众恐慌加剧</h3><span class="date">2017-01-01</span></a>
            <a class="news-item" href="javascript:;">
              <h3>朝鲜声称核弹已瞄准美本土 韩国民众恐慌加剧朝鲜声称核弹已瞄准美本土 韩国民众恐慌加剧</h3><span class="date">2017-01-01</span></a>
            <a class="news-item" href="javascript:;">
              <h3>朝鲜声称核弹已瞄准美本土 韩国民众恐慌加剧朝鲜声称核弹已瞄准美本土 韩国民众恐慌加剧</h3><span class="date">2017-01-01</span></a>
            <a class="news-item" href="javascript:;">
              <h3>朝鲜声称核弹已瞄准美本土 韩国民众恐慌加剧朝鲜声称核弹已瞄准美本土 韩国民众恐慌加剧</h3><span class="date">2017-01-01</span></a>
            <a class="news-item" href="javascript:;">
              <h3>朝鲜声称核弹已瞄准美本土 韩国民众恐慌加剧朝鲜声称核弹已瞄准美本土 韩国民众恐慌加剧</h3><span class="date">2017-01-01</span></a>
            <a class="news-item" href="javascript:;">
              <h3>朝鲜声称核弹已瞄准美本土 韩国民众恐慌加剧朝鲜声称核弹已瞄准美本土 韩国民众恐慌加剧</h3><span class="date">2017-01-01</span></a>
            <a class="news-item" href="javascript:;">
              <h3>朝鲜声称核弹已瞄准美本土 韩国民众恐慌加剧朝鲜声称核弹已瞄准美本土 韩国民众恐慌加剧</h3><span class="date">2017-01-01</span></a>
            <a class="news-item" href="javascript:;">
              <h3>朝鲜声称核弹已瞄准美本土 韩国民众恐慌加剧朝鲜声称核弹已瞄准美本土 韩国民众恐慌加剧</h3><span class="date">2017-01-01</span></a>
            <a class="news-item" href="javascript:;">
              <h3>朝鲜声称核弹已瞄准美本土 韩国民众恐慌加剧朝鲜声称核弹已瞄准美本土 韩国民众恐慌加剧</h3><span class="date">2017-01-01</span></a>
            <a class="news-item" href="javascript:;">
              <h3>朝鲜声称核弹已瞄准美本土 韩国民众恐慌加剧朝鲜声称核弹已瞄准美本土 韩国民众恐慌加剧</h3><span class="date">2017-01-01</span></a>
            <a class="news-item" href="javascript:;">
              <h3>朝鲜声称核弹已瞄准美本土 韩国民众恐慌加剧朝鲜声称核弹已瞄准美本土 韩国民众恐慌加剧</h3><span class="date">2017-01-01</span></a>
          </div>
        </div>
        <!-- 左侧新书推荐 -->
        <div class="frame newbooks">
          <div class="framename">
            <h2>新书推荐</h2>
            <span class="more"><a href="javascript:;">更多...</a></span>
          </div>
          <div class="section">
            <a class="newbooks-item" href="javascript:;">
              <img src="img/books/book1.jpg" />
              <span>题名题名题名题名题名题名题名题名题名题名题名题名题名题名题名题名题名题名题名题名题名题名题名题名题名题名题名题名题名题名题名题名题名题名题名题名</span>
            </a>
            <a class="newbooks-item" href="javascript:;">
              <img src="img/books/book2.jpg" />
              <span>题名题名</span>
            </a>
            <a class="newbooks-item" href="javascript:;">
              <img src="img/books/book3.jpg" />
              <span>题名题名题名题名</span>
            </a>
            <a class="newbooks-item" href="javascript:;">
              <img src="img/books/book4.jpg" />
              <span>题名题名题名题名题名题名题名题名题名题名题名题名题名题名题名</span>
            </a>
            <a class="newbooks-item" href="javascript:;">
              <img src="img/books/book5.jpg" />
              <span>题名题名题名题名题名题名题名题名题名题名题名题名题名题名题名</span>
            </a>
            <a class="newbooks-item" href="javascript:;">
              <img src="img/books/book6.jpg" />
              <span>题名题名题名题名题名题名题名题名题名题名题名题名题名题名题名</span>
            </a>
            <a class="newbooks-item" href="javascript:;">
              <img src="img/books/book11.jpg" />
              <span>题名题名题名题名题名题名题名题名题名题名题名题名题名题名题名</span>
            </a>
            <a class="newbooks-item" href="javascript:;">
              <img src="img/books/book8.jpg" />
              <span>题名题名题名题名题名题名题名题名题名题名题名题名题名题名题名</span>
            </a>
            <a class="newbooks-item" href="javascript:;">
              <img src="img/books/book9.jpg" />
              <span>题名题名题名题名题名题名题名题名题名题名题名题名题名题名题名</span>
            </a>
            <a class="newbooks-item" href="javascript:;">
              <img src="img/books/book10.jpg" />
              <span>题名题名题名题名题名题名题名题名题名题名题名题名题名题名题名</span>
            </a>
          </div>

        </div>

      </div>
      <div class="rightframe">
        <div class="content">

          <!-- 右侧框架 -->
          <div class="frame general">
            <div class="framename">
              <h2>标题</h2>

            </div>
            <div class="section">
              <!-- 代码starting -->
              通用页面 通用页面 通用页面 通用页面 通用页面 通用页面 通用页面 通用页面 通用页面 通用页面 通用页面 通用页面
              <!-- 代码ending -->

            </div>

          </div>

        </div>

      </div>
    </div>
  </div>

  <footer>
    <div class="copyright">北京华夏网信科技有限公司 版权所有&copy; |京ICP备11032106号 地址：北京市海淀区上地信息路15号614 | 联系电话：010-62985780</div>
    <div class="totalview">本馆累计访问：<span>3585975</span>页次</div>
  </footer>

  <!-- 左侧快速链接 -->
  <div class="quicklinks">
    <div class="headline">快速链接</div>
    <ul class="linknav">
      <li class="links"><a href="javascript:;">查找图书</a></li>
      <li class="links"><a href="javascript:;">借书时间</a></li>
      <li class="links"><a href="javascript:;">读者指南</a></li>
      <li class="links"><a href="javascript:;">二次文献</a></li>
      <li class="links"><a href="javascript:;">本馆论坛</a></li>
      <li class="links"><a href="javascript:;">馆藏查询</a></li>
      <li class="links"><a href="javascript:;">常见问题</a></li>
      <li class="links"><a href="javascript:;">新到图书</a></li>
      <li class="links"><a href="javascript:;">示范管评估材料</a></li>
    </ul>
  </div>

  <!-- 右侧菜单 -->
  <div class="sidebar">
    <div class="sidebar-weixin">
      <div class="fonticon">
        <div class="icon"></div>
        <div class="font">扫码<br />关注</div>
      </div>
      <div class="weichatcode">
        <img src="img/2weima.jpg" alt="微信公众号二维码" />
      </div>
    </div>
    <div class="sidebar-top">
      <div class="fonticon">
        <div class="icon"></div>
        <div class="font">返回<br />顶部</div>
      </div>
    </div>
  </div>

  <!-- loading组件 -->
  <div class="loading"></div>
</body>
</html>